<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>真爱梦想账户系统</title>
<head lang="cn">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="真爱梦想账户系统登录页面，包括火堆，NC，梦想盒子等等" />
<meta name="keywords" content="真爱梦想,登录" />
<meta name="author" content="sunset, 3415474@qq.com" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="登录-真爱梦想中央账户">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-itunes-app"
	content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telphone=no, email=no" />
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="320">
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="browsermode" content="application">
<meta name="x5-page-mode" content="app">
<meta name="msapplication-tap-highlight" content="no">
<!--[if lt IE 9]>
  		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	<![endif]-->
<link type="text/css" rel="stylesheet" href="../../js/common/city.css" />
<script type='text/javascript' src='../../js/import.js'></script>
<script type='text/javascript' src='../../js/common/city.js'></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
</head>
<body>
	<div id="basicContent">
		<div id="navigation">
			<span id="basic">个人信息 > 收货地址</span>
		</div>
		<div id="content">
			<div id="contentInfo">
				<div id="wechatAddress" class="wechatAddress">
					<img src="../../images/微信@1x.png" alt="">
					<div>获取微信地址</div>
				</div>
				<form id="userAddressForm" method="post">
					<div style="display:none;">
						<input id="uaId" name="uaId">
						<input id="provinceName" name="provinceName">
						<input id="cityName" name="cityName">
						<input id="countryName" name="countryName">
					</div>
					<div class="block">
						<div class="info">
							*<span class="red">收货人</span>
						</div>
						<div class="search_box">
							<input class='input' type="text" name="userName" id="userName" placeholder="输入收货人姓名" maxlength="20" autocomplete="off">
							<div class="msg">
								<div id="userNameMsg">
									<div class="msgicon"></div>
									<span id="userNameTip">请输入收货人</span>
								</div>
							</div>
						</div>
					</div> 
					<div class="block">
						<div class="info">
							*<span class="red">手机号码</span>
						</div>
						<div class="search_box">
							<input class='input' type="text" name="telNumber" id="telNumber" placeholder="输入手机号"
								oninput="if(value.length>20)value=value.slice(0,20)" autocomplete="off">
							<div class="msg">
								<div id="telNumberMsg">
									<div class="msgicon"></div>
									<span id="telNumberTip">请输入手机号码</span>
								</div>
							</div>
						</div>
					</div> 
					<div class="block">
						<div class="info">
							*<span class="red">所在地区</span>
						</div>
						<div class="search_box">
							<div id="areaLabel">
							<input class='input' type="text" name="Addr" id="Addr" readonly placeholder="请选择地区">
							</div>
							<div id="addressSelectWrapper">
								<div id="addressSelect">
									<div class="tip">
										<h3>所在地区</h3>
										<button type="button" id="cancel"></button>
									</div>
									<div id="address">
										<ul class="selected-address">
											<li class="lastarea" id="lastprovince">请选择</li>
											<li class="lastarea" id="lastcity" style="display:none;">请选择</li>
											<li class="lastarea" id="lastarea" style="display:none;">请选择</li>
										</ul>
										<div class="address-content">
											<ul id="province"></ul>
											<ul id="city"></ul>
											<ul id="area"></ul>
										</div>
									</div>
								</div>
							</div>

							<div class="msg">
								<div id="AddrMsg">
									<div class="msgicon"></div>
									<span id="AddrTip">请选择地区</span>
								</div>
							</div>
						</div>
					</div>
					
 
					<div class="block">
						<div class="info">
							*<span class="red">详细地址</span>
						</div>
						<div class="search_box">
							<textarea name="detailInfo" id="detailInfo" maxlength="200" placeholder="请输入详细收货地址,例如街道名称,门牌号码,楼层和房间号等信息"></textarea>
							<div class="msg">
								<div id="detailInfoMsg">
									<div class="msgicon"></div>
									<span id="detailInfoTip">请输入详细地址</span>
								</div>
							</div>
						</div>
					</div>
					<div class="setting">
						<span>设置为默认收货地址</span>
						<label class="switch">
							<input id="checkbox" type="checkbox" onchange="changeCheckBox();">
							<div class="slider round"></div>
						 </label>
					</div>
					<div class="commitBtn">
						<input type="button" id="save" value="保存">
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
</html>